草庐IT

Font Awesome 表单图标

全部标签

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - 使用按钮和关闭图标关闭 React Semantic UI 模式

我有一个模态窗口,用户需要在其中填写一些表格并通过模态窗口中的按钮保存填写的内容。当用户保存时,我希望模式关闭。我可以通过在Modal组件上使用openProp来完成这项工作。但如果我这样做,当我尝试通过closeIcon这样做时,模态不会关闭。我该怎么做才能让用户通过这两种方法关闭模态框?这是我当前的模态代码:handleCreateButton(evt){evt.preventDefault()//...//codetosavewhateverwastypedintheform//...this.setState({showModal:false})}renderModalForm

javascript - 像表单提交一样响应 native 发布请求

我正在尝试在ReactNative中实现类似的事情,不知道我该怎么做是否有可能在ReactNative中做类似的事情。我可以在Web应用程序中执行此操作。但是在nativereact中window.document不存在。所以我无法动态或以任何方式提交表单。基本上发生的事情是我使用POST方法数据将一些数据发送到第3方支付网关。知道如何在ReactNative中实现这一点吗?编辑:我需要一个解决方案,当提交一个webView打开时改变浏览器的位置,并以post方法格式将数据发送到该位置我发现关于Javascript实现的一个类似问题是这个JavaScriptpostrequestlik

javascript - x-webkit-speech,如何自动点击麦克风图标自动录制很多单词?

我正在使用Chrome浏览器。代码将显示:如果你点击麦克风图标,你可以输入语音。像这样我的问题是如何让它录制语音自动识别,无需手动点击麦克风图标?比如当页面加载完毕,就开始记录;或者编写代码来模拟点击事件?可能吗?你能给一个示例代码或x-webkit-speechAPI的文档吗?谢谢。 最佳答案 这不应该是可能的,因为如果是的话,这将是一种隐私危害——一个页面可能会在用户没有意识到或没有意识到的情况下开始记录附近所说的话。如果有任何方法可以做到这一点,一旦浏览器开发人员意识到这个问题,它肯定会被删除。

javascript - 检查表单输入是否存在

我想检查当用户填写输入名称“field1”时是否存在名为“field2”的输入标签。为此,我使用field1的input标记上的onchange事件执行一个JavaScript函数。(我正在使用警告框进行测试。)如果field2不存在,则JavaScript单击一个按钮,表单将更新为同时具有field1和field2。但是无论我使用3种方法中的哪一种,即使field2存在,也会弹出警告框。我尝试了使用if与null和'undefined'等的各种组合。如果field2存在,为什么会弹出警告框?functionfoobar(){if(!document.getElementsByName

javascript - Facebook 是否可以获取用户数据并在 iframe 中填充表单?

我正在尝试为Facebook页面创建一个iframe选项卡。在这个页面上,我正在加载一个iframe,它由来自另一个域/站点的表单组成。是否可以使用javascript查询图形api,以使用javascript将用户数据加载到此iframe加载表单中,这样就可以预先填充给用户?我知道存在跨域安全问题。在那种情况下,假设我的iframe选项卡现在托管在与iframe加载的表单相同的域中,这现在可行吗? 最佳答案 你是对的,出于安全原因(同源策略),你想要的将被浏览器阻止。你可以做什么:在iframe中重新加载表单并将您从jssdk获取

javascript - 如何为 chrome 扩展制作开/关按钮/图标?

我想让用户决定何时运行脚本,以便在打开浏览器时显示“关闭”图标并且不运行脚本;但是当用户单击它时,它会变为“打开”图标并执行用户脚本,直到用户单击关闭。我有两个png图标,每个都是32x32:on.png和off.png。我的两个问题:如何将默认图标设置为我的off.png?我在我的manifest.json中试过这个,但它没有设置图标,而是显示了一个拼图(我假设是默认的):..."browser_action":{"default_icon":{"32":"off.png"},"default_title":"icon"},"icons":{"32":"on.png","32":"o

javascript - 从表单发布触发 AWS Lambda

我创建了一个使用SES发送电子邮件的小型AWSLambda。我希望将静态网站中的联系我们表单连接到此lambda。是否可以将联系我们的表格直接发布到lambda的url?我没有使用服务器端框架并且真的很想避免它,我有什么选择?是否有客户端Javascript方法来调用lambda? 最佳答案 Wroteablogpostaboutthis.这是完全可行的。这是使用AWSCognito调用该函数的问题。您已准备好lambda函数。盛大。创建一个新的Cognito组。授予未经授权的Cognito组执行lambda函数的权限。将其全部连接

javascript - 数据表 - 排序图标复制

我正在尝试为此处找到的数据表设置示例-http://www.datatables.net/examples/basic_init/zero_configuration.html一切都成功了,但由于某种原因,排序图标重复了,我不知道为什么。这是它显示的样子-这是我正在使用的html-{%extends"dashboard/base.html"%}{%loadstatic%}{%blockextra_head%}$(document).ready(function(){$('#files').DataTable();});{%endblock%}{%blocktitle%}{{user}}

javascript - 具有多个按钮的 React 表单 - 如何选择一个来处理 onSubmit 事件?

假设我有这个HTML:Output:和这个JS:functionotherAction(e){document.getElementById('output').innerHTML='otherAction';e.preventDefault();}functionsubmit(e){document.getElementById('output').innerHTML='submit';e.preventDefault();}ReactDOM.render(OtherActionSubmit,document.getElementById('container'));其实我们不光说,